<template>
    <div>
        <el-button type="primary" @click="handleEdit">测试</el-button>
    </div>

</template>

<script lang="ts" setup>
import { ref, nextTick, reactive, computed, onMounted } from 'vue';
import { ElMessage } from 'element-plus'
import JSCodeMirror from '../components/JSCodeMirror.vue'; // 引入 CodeEditor 组件


import api from '../api'


const handleEdit = async (item) => {
    console.log('edit')
    // editItem = reactive(JSON.parse(JSON.stringify(item)));
    // dialogFormVisible.value = true
}


</script>

<style>
.CodeMirror {
    margin-right: 100px;
}

.CodeMirror-sizer {
    min-width: 500px !important;
}

.el-dialog__body {
    overflow: auto;
    height: 500px;
}
</style>